<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1, viewport-fit=cover">
    <title>AI摄像头</title>

    <!-- 外部样式表 -->
    <link rel="stylesheet" href="./assets/css/index.css">
    <!-- 加载等待动画 -->
    <link rel="stylesheet" href="./assets/css/spinner.css">
    <!-- <link rel="stylesheet" href="./assets/css/dot-spinner.css"> -->
    <!-- 抽屉样式 -->
    <link rel="stylesheet" href="./assets/css/drawer.css">
    <!-- logo动画样式 -->
     <link rel="stylesheet" href="./assets/css/svg.css">

    <!-- PWA 相关标签 -->
    <link rel="manifest" href="./manifest.json">
    <meta name="theme-color" content="#ffeb3b">
    <link rel="apple-touch-icon" href="./assets/icon/app-icon-192.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
</head>
<body>

    <!-- 浏览器是否联网 -->
    <div id="offline-message" class="offline-message">
        您当前处于离线状态
    </div>

    <!-- 加载动画图层 -->
    <div id="loading-container">
        <svg class="logo" viewBox="0 0 312 60" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
                d="M260.449 54.9885L260.478 55.4998L260.988 55.4584L301.18 52.1944L301.671 52.1545L301.639 51.6632L301.319 46.7992L301.286 46.2918L300.779 46.3337L266.473 49.1715L265.095 25.4909L265.066 24.9908L264.566 25.0209L259.254 25.3409L258.756 25.3709L258.785 25.8685L260.449 54.9885ZM263.264 13.5077L263.284 14.0133L263.79 13.9873L306.158 11.8113L306.651 11.786L306.632 11.2928L306.44 6.30078L306.42 5.79315L305.913 5.82073L263.545 8.12473L263.053 8.15148L263.072 8.64372L263.264 13.5077ZM297.44 45.0893L297.914 45.1391L297.986 44.6681L302.274 16.8281L302.375 16.1751L301.719 16.2557L274.647 19.5837L274.076 19.6539L274.225 20.2097L275.377 24.4977L275.49 24.9186L275.923 24.8641L282.436 24.0426L282.23 28.3095L276.857 28.6047L276.362 28.6319L276.385 29.1267L276.577 33.3507L276.599 33.851L277.099 33.8274L281.997 33.597L281.843 38.0238L278.023 37.6306L277.54 37.5809L277.476 38.0624L276.9 42.4144L276.833 42.9236L277.344 42.9773L297.44 45.0893ZM270.564 45.4243L270.63 45.932L271.136 45.8542L276.128 45.0862L276.611 45.0119L276.548 44.5277L273.028 17.3917L272.962 16.884L272.456 16.9618L267.464 17.7298L266.981 17.8041L267.044 18.2883L270.564 45.4243ZM308.458 56.2902L308.963 56.3328L308.999 55.8277L311.239 24.5317L311.274 24.0393L310.782 23.9978L305.47 23.5498L304.965 23.5072L304.929 24.0123L302.689 55.3083L302.654 55.8007L303.146 55.8422L308.458 56.2902ZM287.861 33.3545L293.838 33.0285L292.969 39.0587L287.643 38.5696L287.861 33.3545ZM294.559 27.7299L288.096 28.0642L288.308 23.3423L295.305 22.5094L294.559 27.7299Z"
                stroke="white" />
            <path
                d="M200.175 21.2926L200.574 21.4976L200.821 21.124L209.845 7.49199L210.143 7.04137L209.671 6.77892L205.063 4.21892L204.649 3.98886L204.397 4.38995L195.945 17.8383L195.147 16.9333L194.841 16.5869L194.472 16.864L190.888 19.552L190.471 19.8649L190.801 20.2686L198.289 29.4206L198.567 29.7603L198.94 29.5287L201.416 27.9902L194.166 38.6793L194.056 38.8419L194.086 39.036L194.726 43.196L194.812 43.7576L195.358 43.6005L214.046 38.2245L214.537 38.0834L214.386 37.596L212.978 33.052L212.831 32.5795L212.357 32.7209L202.821 35.565L215.21 18.3885L215.497 17.9894L215.103 17.6952L211.071 14.6872L210.652 14.3745L210.358 14.8073L202.93 25.7584L198.008 20.177L200.175 21.2926ZM216.94 30.2748L217.351 30.5773L217.645 30.1596L234.029 6.86363L234.336 6.42743L233.881 6.14936L229.273 3.33336L228.873 3.089L228.603 3.4722L212.475 26.3842L212.193 26.7847L212.588 27.0748L216.94 30.2748ZM246.012 30.5547L246.407 30.9299L246.747 30.5037L250.267 26.0877L250.561 25.7192L250.21 25.4042L233.698 10.5562L233.323 10.2185L232.989 10.5974L229.661 14.3734L229.342 14.7349L229.692 15.0667L246.012 30.5547ZM221.921 30.2872L221.953 30.7934L222.458 30.7545L238.266 29.5385L238.758 29.5007L238.727 29.0088L238.407 23.8888L238.375 23.3826L237.87 23.4215L222.062 24.6375L221.57 24.6753L221.601 25.1672L221.921 30.2872ZM242.346 57.2052L242.608 57.6331L243.035 57.3694L247.387 54.6814L247.822 54.4129L247.544 53.9841L238.584 40.1601L238.325 39.7613L237.914 39.9991L233.818 42.3671L233.37 42.6258L233.644 43.0644L235.992 46.8332L225.694 48.3589L229.889 41.3282L230.163 40.8694L229.687 40.6266L228.143 39.8386L247.097 38.4346L247.596 38.3977L247.559 37.8986L247.175 32.7786L247.137 32.2794L246.638 32.3174L215.598 34.6854L215.1 34.7235L215.137 35.2219L215.521 40.2779L215.559 40.7761L216.057 40.7386L223.638 40.1686L219.488 47.5469L219.242 47.985L219.681 48.2291L221.265 49.1089L216.525 49.7931L215.977 49.8722L216.111 50.4093L217.391 55.5293L217.503 55.9762L217.957 55.9014L239.385 52.372L242.346 57.2052ZM193.137 55.2812L193.268 55.7702L193.755 55.6334L215.195 49.6174L215.665 49.4854L215.544 49.0121L214.136 43.5081L214.01 43.0127L213.517 43.1505L192.013 49.1665L191.537 49.2997L191.665 49.7772L193.137 55.2812Z"
                stroke="white" />
            <path d="M176.826 7.74H176.326V8.24V55.472V55.972H176.826H182.714H183.214V55.472V8.24V7.74H182.714H176.826Z"
                stroke="white" />
            <path
                d="M154.721 33.8601L140.088 35.3907L139.596 35.4422L139.642 35.9349L140.154 41.3749L140.202 41.8824L140.708 41.8248L157.228 39.9476L163.613 55.6602L163.796 56.1121L164.253 55.9397L170.013 53.7637L170.501 53.5794L170.296 53.0996L150.584 6.95558L150.394 6.51228L149.945 6.68532L144.953 8.60533L144.476 8.78858L144.669 9.26113L154.721 33.8601ZM140.924 14.1612L140.488 14.03L140.317 14.4515L124.189 54.0675L123.976 54.591L124.521 54.7386L129.961 56.2106L130.389 56.3264L130.555 55.9158L146.555 16.4278L146.761 15.9194L146.236 15.7612L140.924 14.1612Z"
                stroke="white" />
            <path
                d="M100.258 17.6945L100.733 17.7657L100.823 17.2942L101.645 13.0059L116.423 12.1952L116.916 12.1682L116.896 11.6755L116.704 7.00347L116.683 6.49484L116.175 6.52487L102.741 7.31865L103.638 2.83405L103.741 2.31939L103.222 2.24153L98.1022 1.47353L97.6302 1.40273L97.5375 1.87092L96.3968 7.63429L85.6894 8.22915L84.4364 2.50115L84.3312 2.02023L83.8487 2.11795L78.7927 3.14195L78.2929 3.24318L78.404 3.74092L81.604 18.0769L81.7113 18.5578L82.1937 18.4575L87.1217 17.4335L87.6143 17.3312L87.5089 16.8392L86.8637 13.8283L95.3017 13.3812L94.7214 16.3356L94.6206 16.8489L95.1378 16.9265L100.258 17.6945ZM66.385 9.34073L65.8922 9.36737L65.9124 9.86053L66.1044 14.5325L66.1254 15.0421L66.6344 15.0111L79.2424 14.2431L79.821 14.2078L79.7012 13.6406L78.7412 9.09664L78.6527 8.67761L78.225 8.70073L66.385 9.34073ZM104.678 58.98L105.169 58.9857L105.184 58.4952L105.49 48.4367L120.031 46.9454L120.53 46.8942L120.477 46.395L119.965 41.595L119.912 41.0997L119.417 41.1506L105.647 42.5645L106.132 23.7535L114.824 23.2672L115.315 23.2397L115.296 22.7483L115.104 17.8843L115.084 17.3777L114.577 17.4047L67.8573 19.9007L67.3649 19.927L67.3844 20.4197L67.5764 25.2837L67.5964 25.7905L68.1029 25.7633L99.6957 24.0641L99.6472 27.1696L84.8044 28.3496L84.301 28.3896L84.346 28.8926L84.73 33.1806L84.7741 33.6729L85.2668 33.6345L99.4916 32.5261L99.4006 34.9815L84.9271 36.286L84.4294 36.3309L84.474 36.8286L84.858 41.1166L84.9026 41.6143L85.4003 41.57L99.2378 40.34L99.1425 43.2444L83.7143 44.8716L82.7192 26.8365L82.6905 26.3163L82.172 26.3663L76.86 26.8783L76.3824 26.9243L76.4088 27.4035L77.4067 45.5532L65.271 46.8468L64.7731 46.8999L64.8269 47.3977L65.3389 52.1337L65.3924 52.6291L65.888 52.5773L98.9854 49.1165L98.7442 58.403L98.731 58.91L99.2381 58.916L104.678 58.98Z"
                stroke="white" />
            <path
                d="M36.2578 17.6945L36.7326 17.7657L36.8231 17.2942L37.6455 13.0059L52.4234 12.1952L52.9158 12.1682L52.8956 11.6755L52.7036 7.00347L52.6827 6.49484L52.1745 6.52487L38.7414 7.31865L39.6383 2.83405L39.7412 2.31939L39.2222 2.24153L34.1022 1.47353L33.6302 1.40273L33.5375 1.87092L32.3969 7.63429L21.6895 8.22915L20.4365 2.50115L20.3313 2.02023L19.8488 2.11795L14.7928 3.14195L14.2929 3.24318L14.404 3.74092L17.604 18.0769L17.7113 18.5578L18.1937 18.4575L23.1217 17.4335L23.6143 17.3312L23.5089 16.8392L22.8637 13.8283L31.3017 13.3812L30.7214 16.3356L30.6206 16.8489L31.1378 16.9265L36.2578 17.6945ZM2.38502 9.34073L1.89216 9.36737L1.91243 9.86053L2.10443 14.5325L2.12537 15.0421L2.6344 15.0111L15.2424 14.2431L15.821 14.2078L15.7012 13.6406L14.7412 9.09664L14.6527 8.67761L14.225 8.70073L2.38502 9.34073ZM40.6781 58.98L41.1688 58.9857L41.1838 58.4952L41.4904 48.4367L56.031 46.9454L56.5304 46.8942L56.4772 46.395L55.9652 41.595L55.9124 41.0997L55.4169 41.1506L41.6465 42.5645L42.132 23.7535L50.8239 23.2672L51.315 23.2397L51.2956 22.7483L51.1036 17.8843L51.0836 17.3777L50.5773 17.4047L3.85733 19.9007L3.36494 19.927L3.38439 20.4197L3.57639 25.2837L3.5964 25.7905L4.10286 25.7633L35.6957 24.0641L35.6472 27.1696L20.8044 28.3496L20.301 28.3896L20.346 28.8926L20.73 33.1806L20.7741 33.6729L21.2668 33.6345L35.4916 32.5261L35.4006 34.9815L20.9271 36.286L20.4294 36.3309L20.474 36.8286L20.858 41.1166L20.9026 41.6143L21.4003 41.57L35.2378 40.34L35.1425 43.2444L19.7143 44.8716L18.7192 26.8365L18.6905 26.3163L18.172 26.3663L12.86 26.8783L12.3824 26.9243L12.4088 27.4035L13.4067 45.5532L1.27101 46.8468L0.773081 46.8999L0.826902 47.3977L1.3389 52.1337L1.39245 52.6291L1.888 52.5773L34.9854 49.1165L34.7442 58.403L34.731 58.91L35.2381 58.916L40.6781 58.98Z"
                stroke="white" />
        </svg>
    </div>

    <!-- 应用主结构 -->
    <div id="app">

        <!-- <div id="title-container"> -->
            <svg class="logo" height="230" viewBox="0 0 312 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M260.449 54.9885L260.478 55.4998L260.988 55.4584L301.18 52.1944L301.671 52.1545L301.639 51.6632L301.319 46.7992L301.286 46.2918L300.779 46.3337L266.473 49.1715L265.095 25.4909L265.066 24.9908L264.566 25.0209L259.254 25.3409L258.756 25.3709L258.785 25.8685L260.449 54.9885ZM263.264 13.5077L263.284 14.0133L263.79 13.9873L306.158 11.8113L306.651 11.786L306.632 11.2928L306.44 6.30078L306.42 5.79315L305.913 5.82073L263.545 8.12473L263.053 8.15148L263.072 8.64372L263.264 13.5077ZM297.44 45.0893L297.914 45.1391L297.986 44.6681L302.274 16.8281L302.375 16.1751L301.719 16.2557L274.647 19.5837L274.076 19.6539L274.225 20.2097L275.377 24.4977L275.49 24.9186L275.923 24.8641L282.436 24.0426L282.23 28.3095L276.857 28.6047L276.362 28.6319L276.385 29.1267L276.577 33.3507L276.599 33.851L277.099 33.8274L281.997 33.597L281.843 38.0238L278.023 37.6306L277.54 37.5809L277.476 38.0624L276.9 42.4144L276.833 42.9236L277.344 42.9773L297.44 45.0893ZM270.564 45.4243L270.63 45.932L271.136 45.8542L276.128 45.0862L276.611 45.0119L276.548 44.5277L273.028 17.3917L272.962 16.884L272.456 16.9618L267.464 17.7298L266.981 17.8041L267.044 18.2883L270.564 45.4243ZM308.458 56.2902L308.963 56.3328L308.999 55.8277L311.239 24.5317L311.274 24.0393L310.782 23.9978L305.47 23.5498L304.965 23.5072L304.929 24.0123L302.689 55.3083L302.654 55.8007L303.146 55.8422L308.458 56.2902ZM287.861 33.3545L293.838 33.0285L292.969 39.0587L287.643 38.5696L287.861 33.3545ZM294.559 27.7299L288.096 28.0642L288.308 23.3423L295.305 22.5094L294.559 27.7299Z"
                    stroke="white" />
                <path
                    d="M200.175 21.2926L200.574 21.4976L200.821 21.124L209.845 7.49199L210.143 7.04137L209.671 6.77892L205.063 4.21892L204.649 3.98886L204.397 4.38995L195.945 17.8383L195.147 16.9333L194.841 16.5869L194.472 16.864L190.888 19.552L190.471 19.8649L190.801 20.2686L198.289 29.4206L198.567 29.7603L198.94 29.5287L201.416 27.9902L194.166 38.6793L194.056 38.8419L194.086 39.036L194.726 43.196L194.812 43.7576L195.358 43.6005L214.046 38.2245L214.537 38.0834L214.386 37.596L212.978 33.052L212.831 32.5795L212.357 32.7209L202.821 35.565L215.21 18.3885L215.497 17.9894L215.103 17.6952L211.071 14.6872L210.652 14.3745L210.358 14.8073L202.93 25.7584L198.008 20.177L200.175 21.2926ZM216.94 30.2748L217.351 30.5773L217.645 30.1596L234.029 6.86363L234.336 6.42743L233.881 6.14936L229.273 3.33336L228.873 3.089L228.603 3.4722L212.475 26.3842L212.193 26.7847L212.588 27.0748L216.94 30.2748ZM246.012 30.5547L246.407 30.9299L246.747 30.5037L250.267 26.0877L250.561 25.7192L250.21 25.4042L233.698 10.5562L233.323 10.2185L232.989 10.5974L229.661 14.3734L229.342 14.7349L229.692 15.0667L246.012 30.5547ZM221.921 30.2872L221.953 30.7934L222.458 30.7545L238.266 29.5385L238.758 29.5007L238.727 29.0088L238.407 23.8888L238.375 23.3826L237.87 23.4215L222.062 24.6375L221.57 24.6753L221.601 25.1672L221.921 30.2872ZM242.346 57.2052L242.608 57.6331L243.035 57.3694L247.387 54.6814L247.822 54.4129L247.544 53.9841L238.584 40.1601L238.325 39.7613L237.914 39.9991L233.818 42.3671L233.37 42.6258L233.644 43.0644L235.992 46.8332L225.694 48.3589L229.889 41.3282L230.163 40.8694L229.687 40.6266L228.143 39.8386L247.097 38.4346L247.596 38.3977L247.559 37.8986L247.175 32.7786L247.137 32.2794L246.638 32.3174L215.598 34.6854L215.1 34.7235L215.137 35.2219L215.521 40.2779L215.559 40.7761L216.057 40.7386L223.638 40.1686L219.488 47.5469L219.242 47.985L219.681 48.2291L221.265 49.1089L216.525 49.7931L215.977 49.8722L216.111 50.4093L217.391 55.5293L217.503 55.9762L217.957 55.9014L239.385 52.372L242.346 57.2052ZM193.137 55.2812L193.268 55.7702L193.755 55.6334L215.195 49.6174L215.665 49.4854L215.544 49.0121L214.136 43.5081L214.01 43.0127L213.517 43.1505L192.013 49.1665L191.537 49.2997L191.665 49.7772L193.137 55.2812Z"
                    stroke="white" />
                <path d="M176.826 7.74H176.326V8.24V55.472V55.972H176.826H182.714H183.214V55.472V8.24V7.74H182.714H176.826Z"
                    stroke="white" />
                <path
                    d="M154.721 33.8601L140.088 35.3907L139.596 35.4422L139.642 35.9349L140.154 41.3749L140.202 41.8824L140.708 41.8248L157.228 39.9476L163.613 55.6602L163.796 56.1121L164.253 55.9397L170.013 53.7637L170.501 53.5794L170.296 53.0996L150.584 6.95558L150.394 6.51228L149.945 6.68532L144.953 8.60533L144.476 8.78858L144.669 9.26113L154.721 33.8601ZM140.924 14.1612L140.488 14.03L140.317 14.4515L124.189 54.0675L123.976 54.591L124.521 54.7386L129.961 56.2106L130.389 56.3264L130.555 55.9158L146.555 16.4278L146.761 15.9194L146.236 15.7612L140.924 14.1612Z"
                    stroke="white" />
                <path
                    d="M100.258 17.6945L100.733 17.7657L100.823 17.2942L101.645 13.0059L116.423 12.1952L116.916 12.1682L116.896 11.6755L116.704 7.00347L116.683 6.49484L116.175 6.52487L102.741 7.31865L103.638 2.83405L103.741 2.31939L103.222 2.24153L98.1022 1.47353L97.6302 1.40273L97.5375 1.87092L96.3968 7.63429L85.6894 8.22915L84.4364 2.50115L84.3312 2.02023L83.8487 2.11795L78.7927 3.14195L78.2929 3.24318L78.404 3.74092L81.604 18.0769L81.7113 18.5578L82.1937 18.4575L87.1217 17.4335L87.6143 17.3312L87.5089 16.8392L86.8637 13.8283L95.3017 13.3812L94.7214 16.3356L94.6206 16.8489L95.1378 16.9265L100.258 17.6945ZM66.385 9.34073L65.8922 9.36737L65.9124 9.86053L66.1044 14.5325L66.1254 15.0421L66.6344 15.0111L79.2424 14.2431L79.821 14.2078L79.7012 13.6406L78.7412 9.09664L78.6527 8.67761L78.225 8.70073L66.385 9.34073ZM104.678 58.98L105.169 58.9857L105.184 58.4952L105.49 48.4367L120.031 46.9454L120.53 46.8942L120.477 46.395L119.965 41.595L119.912 41.0997L119.417 41.1506L105.647 42.5645L106.132 23.7535L114.824 23.2672L115.315 23.2397L115.296 22.7483L115.104 17.8843L115.084 17.3777L114.577 17.4047L67.8573 19.9007L67.3649 19.927L67.3844 20.4197L67.5764 25.2837L67.5964 25.7905L68.1029 25.7633L99.6957 24.0641L99.6472 27.1696L84.8044 28.3496L84.301 28.3896L84.346 28.8926L84.73 33.1806L84.7741 33.6729L85.2668 33.6345L99.4916 32.5261L99.4006 34.9815L84.9271 36.286L84.4294 36.3309L84.474 36.8286L84.858 41.1166L84.9026 41.6143L85.4003 41.57L99.2378 40.34L99.1425 43.2444L83.7143 44.8716L82.7192 26.8365L82.6905 26.3163L82.172 26.3663L76.86 26.8783L76.3824 26.9243L76.4088 27.4035L77.4067 45.5532L65.271 46.8468L64.7731 46.8999L64.8269 47.3977L65.3389 52.1337L65.3924 52.6291L65.888 52.5773L98.9854 49.1165L98.7442 58.403L98.731 58.91L99.2381 58.916L104.678 58.98Z"
                    stroke="white" />
                <path
                    d="M36.2578 17.6945L36.7326 17.7657L36.8231 17.2942L37.6455 13.0059L52.4234 12.1952L52.9158 12.1682L52.8956 11.6755L52.7036 7.00347L52.6827 6.49484L52.1745 6.52487L38.7414 7.31865L39.6383 2.83405L39.7412 2.31939L39.2222 2.24153L34.1022 1.47353L33.6302 1.40273L33.5375 1.87092L32.3969 7.63429L21.6895 8.22915L20.4365 2.50115L20.3313 2.02023L19.8488 2.11795L14.7928 3.14195L14.2929 3.24318L14.404 3.74092L17.604 18.0769L17.7113 18.5578L18.1937 18.4575L23.1217 17.4335L23.6143 17.3312L23.5089 16.8392L22.8637 13.8283L31.3017 13.3812L30.7214 16.3356L30.6206 16.8489L31.1378 16.9265L36.2578 17.6945ZM2.38502 9.34073L1.89216 9.36737L1.91243 9.86053L2.10443 14.5325L2.12537 15.0421L2.6344 15.0111L15.2424 14.2431L15.821 14.2078L15.7012 13.6406L14.7412 9.09664L14.6527 8.67761L14.225 8.70073L2.38502 9.34073ZM40.6781 58.98L41.1688 58.9857L41.1838 58.4952L41.4904 48.4367L56.031 46.9454L56.5304 46.8942L56.4772 46.395L55.9652 41.595L55.9124 41.0997L55.4169 41.1506L41.6465 42.5645L42.132 23.7535L50.8239 23.2672L51.315 23.2397L51.2956 22.7483L51.1036 17.8843L51.0836 17.3777L50.5773 17.4047L3.85733 19.9007L3.36494 19.927L3.38439 20.4197L3.57639 25.2837L3.5964 25.7905L4.10286 25.7633L35.6957 24.0641L35.6472 27.1696L20.8044 28.3496L20.301 28.3896L20.346 28.8926L20.73 33.1806L20.7741 33.6729L21.2668 33.6345L35.4916 32.5261L35.4006 34.9815L20.9271 36.286L20.4294 36.3309L20.474 36.8286L20.858 41.1166L20.9026 41.6143L21.4003 41.57L35.2378 40.34L35.1425 43.2444L19.7143 44.8716L18.7192 26.8365L18.6905 26.3163L18.172 26.3663L12.86 26.8783L12.3824 26.9243L12.4088 27.4035L13.4067 45.5532L1.27101 46.8468L0.773081 46.8999L0.826902 47.3977L1.3389 52.1337L1.39245 52.6291L1.888 52.5773L34.9854 49.1165L34.7442 58.403L34.731 58.91L35.2381 58.916L40.6781 58.98Z"
                    stroke="white" />
            </svg>
        <!-- </div> -->




        <!-- 摄像头容器 -->
        <div id="camera-container">
            <!-- 摄像头元素 -->
            <video id="camera" autoplay muted playsinline></video>

            <!-- 拍照按钮 -->
            <button id="shutter-button" class="shutter-button"></button>

            <!-- 拍照倒计时 -->
            <div id="countdown"></div>

            <!-- 右侧抽屉 -->
            <div id="drawer" class="drawer">
                <!-- 抽屉内容容器 -->
                <div id="drawer-content" class="drawer-content">
                    <!-- 抽屉标题 -->
                    <div id="drawer-title" class="drawer-title">
                        <h2>茸茸AI绘画</h2>
                        <p>你好，我是茸茸，想拍一张照片吗？</p>
                    </div>

                    <!-- 图片列表 -->
                    <div id="image-gallery" class="image-gallery">
                        <!-- 已拍摄的图片将显示在这里 -->
                    </div>
                </div>

                <!-- 抽屉按钮 -->
                <button id="drawer-toggle" class="drawer-toggle">
                    <img src="./assets/icon/down-arrow.svg" alt="Toggle Drawer" class="drawer-icon">
                </button>
            </div>
        </div>



        </div>

    </div>

    <!-- JS程序主入口 -->
    <script type="module" src="assets/js/app.js"></script>

    <!-- 依赖库 -->
    <script src="./assets/libs/jquery.min.js"></script>
    <!-- AI识别依赖库 -->
    <!-- <script src="./assets/libs/tfjs.min.js"></script> -->
    <!-- 动作识别依赖库 -->
    <!-- <script src="./assets/libs/posenet.min.js"></script> -->
    <!-- 人物识别依赖库 -->
    <!-- <script src="./assets/libs/coco-ssd.min.js"></script> -->

</body>

</html>